// const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
//   transpileDependencies: true,
//   lintOnSave: false,
//   devServer: {
//     port: 8080, // 端口号
//     open: false, //配置是否自动启动浏览器
//     https: false,// https:{type:Boolean}是否启用https
//     proxy: {
//       // 代理
//       "/api": {
//         target: "http://127.0.0.1:8888/api/private/v1/",     //要代理访问的路径
//         ws: false,// 是否启用websockets
//         changeOrigin: true,//开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
//         pathRewrite: {
//           "^/api": ""//这里理解成用'/api'代替target里面的地址,比如我要调用'http://192.168.0.45:8088/user/getuserlist'，直接写'/api/user/getuserlist'即可
//         }
//       }
//     }
//   },
// })

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('css')
        .test(/\.css$/)
        .oneOf('vue')
        .resourceQuery(/\?vue/)
        .use('px2rem')
          .loader('px2rem-loader')
          .options({
            remUnit: 192 //稿子宽度的1/10，此处我的项目为1920，根据实际情况修改
          })
  }
}